<template>
	<div class="OutInput">
		<div class="out-title">
			<router-link to="/" class="title-left">
				<span id="title-font" class="iconfont icon-arrow_left"></span>
			</router-link>
			<span>
				外出请假
			</span>
		</div>
		<div class="out-Input">
			<div>
				<span>离校时间</span> <input type="text" placeholder="选择离校时间"><br>
				<span>返校时间</span> <input type="text" placeholder="选择返校时间"><br>
				<span>请假理由</span> <input type="text" placeholder="请输入理由"><br>
				<span>请假去向</span> <input type="text" placeholder="请选择去向"><br>
				<span>&nbsp;&nbsp;&nbsp;辅导员</span> <input type="text" placeholder="请选择你的辅导员"><br>
				<button class="input-btn" @click="onSubmit()">提交申请</button>
			</div>
		</div>
	</div>
</template>

<script>
export default{
	data(){
		return{
			
		}
	},
	methods:{
		onSubmit(){
			alert("这里填写并没什么卵用 :)")
		}
	}
}
</script>

<style scoped="scoped">
.out-title{
	font-size: .5rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: 1px solid black;
}
#title-font{
	line-height: 1rem;
	position: absolute;
	left: 0;
	font-weight: 600;
}
#title-font:visited{
	color: black;
}

.out-Input{
	color: #939393;
	font-size: .3rem;
	font-weight: 500;
}
.out-Input div{
	margin-left: 15%;
	margin-right: 10%;
}
.out-Input span{
	letter-spacing: 1px;
}
.out-Input input{
	margin-top: .4rem;
	height: .6rem;
	width: 4rem;
}
.input-btn{
	
	background: #409ffd;
	color: #ffffff;
	height: .9rem;
	width: 5.5rem;
	border-radius: 0.125rem;
	border: none;
	margin-top: .4rem;
}
</style>
